<template>
    <div>
        <h1>父组件</h1>
        <Child>
            <template v-slot:header="slotProps">
                <h2>你好，{{ slotProps.username }}</h2>
            </template>
            <template #footer>
                <h4>底部</h4>
            </template>
            <template #default>
                <p>没有名字的插槽</p>
            </template>
        </Child>
    </div>
</template>

<script setup>
import Child from './Child.vue';

</script>

<style scoped></style>